<!DOCTYPE html>
<html>
	<!-- Mirrored from www.zi-han.net/theme/hplus/table_data_tables.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:01 GMT -->
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">


		<title>毕设管理系统</title>
		<meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
		<meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

		<link rel="shortcut icon" href="favicon.ico">
		<link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
		<link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

		<!-- Data Tables -->
		<link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">

		<link href="css/animate.min.css" rel="stylesheet">
		<link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">

	</head>

	<body class="gray-bg">
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="row">
				<div class="col-sm-12">
					<div class="ibox float-e-margins">
						<div class="ibox-title">
							<h5>基本 <small>分类，查找</small></h5>
							<div class="ibox-tools">
								<a class="collapse-link">
									<i class="fa fa-chevron-up"></i>
								</a>
								<a class="dropdown-toggle" data-toggle="dropdown" href="table_data_tables.html#">
									<i class="fa fa-wrench"></i>
								</a>
								<ul class="dropdown-menu dropdown-user">
									<li><a href="table_data_tables.html#">选项1</a>
									</li>
									<li><a href="table_data_tables.html#">选项2</a>
									</li>
								</ul>
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
						</div>
						<div class="ibox-content">
							<button type="button" class="btn btn-primary" title="导出Excel表格">
								<a href="" target="_blank" style="color: #FFFFFF">导出Excel表格</a>
							</button>
							<table class="table table-striped table-bordered table-hover dataTables-example">
								<thead>
									<tr>
										<th>序号</th>
										<th>课程名称</th>
										<th>作业名称</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>
									<tr class="gradeX">
										<td>1</td>
										<td>Java课程
										</td>
										<td>Java小作业</td>
										<td class="center">
											<button type="button" class="btn btn-primary" title="修改" onclick="doEdit()" style="background-color: royalblue;">
												修改 <i class="fa fa-pencil"></i>
											</button>
											<button type="button" class="btn btn-primary" title="删除" onclick="doDelete()" style="background-color: red;">
												删除 <i class="fa fa-trash"></i>
											</button>
										</td>
									</tr>
									<tr class="gradeC">
										<td>2</td>
										<td>Web课程
										</td>
										<td>Web小作业</td>
										<td class="center">
											<button type="button" class="btn btn-primary" title="修改" onclick="doEdit()" style="background-color: royalblue;">
												修改 <i class="fa fa-pencil"></i>
											</button>
											<button type="button" class="btn btn-primary" title="删除" onclick="doDelete()" style="background-color: red;">
												删除 <i class="fa fa-trash"></i>
											</button>
										</td>
									</tr>

								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 新建 start-->
		<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">入职</h4>
					</div>
					<div class="modal-body">
						<form id="frm" class="form-horizontal m-t" action="newsT/newsTAjaxSave.do">
							<input type="hidden" id="id" name="id">
							<div class="form-group">
								<label class="col-sm-3 control-label">课程名称：</label>
								<div class="col-sm-8">
									<input id="course" name="course" type="text" class="form-control" required>

								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">作业名称：</label>
								<div class="col-sm-8">
									<input id="describe" name="describe" type="text" class="form-control" required>
								</div>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
						<button id="btn" type="submit" class="btn btn-primary" onclick="doSave()">提交</button>
					</div>
				</div>
			</div>
		</div>
		
		
		<script type="text/javascript">
			function doAdd(){
				// alert(1111)
				// 显示表单
				$('#addModal').modal('toggle');
			}
			
			function doEdit(){
				// alert(2222)
				// 显示表单
				$('#addModal').modal('toggle');
			}
		</script>



		<script src="js/jquery.min.js?v=2.1.4"></script>
		<script src="js/bootstrap.min.js?v=3.3.6"></script>
		<script src="js/plugins/jeditable/jquery.jeditable.js"></script>
		<script src="js/plugins/dataTables/jquery.dataTables.js"></script>
		<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
		<script src="js/content.min.js?v=1.0.0"></script>
		<script>
			$(document).ready(function() {
				$(".dataTables-example").dataTable();
				var oTable = $("#editable").dataTable();
				oTable.$("td").editable("http://www.zi-han.net/theme/example_ajax.php", {
					"callback": function(sValue, y) {
						var aPos = oTable.fnGetPosition(this);
						oTable.fnUpdate(sValue, aPos[0], aPos[1])
					},
					"submitdata": function(value, settings) {
						return {
							"row_id": this.parentNode.getAttribute("id"),
							"column": oTable.fnGetPosition(this)[2]
						}
					},
					"width": "90%",
					"height": "100%"
				})
			});

			function fnClickAddRow() {
				$("#editable").dataTable().fnAddData(["Custom row", "New row", "New row", "New row", "New row"])
			};
		</script>
		<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>

	</body>


	<!-- Mirrored from www.zi-han.net/theme/hplus/table_data_tables.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->
</html>
